﻿
#venusMap{
	max-width: 80%;
	visibility: visible;
	margin:0 auto;
	margin-top: -60px;
}
#venusMap svg{
	width: 100%;
	height: 100%;
	position: relative;
}
html|* > svg {
    transform-origin: 50% 50% 0px;
}
svg[Attributes Style] {
    width: 4096;
    height: 4096;
}
.section .cat-shape{
	mix-blend-mode: multiply;
}

/*.filter .tickets:not(.active) g.section .cat-shape*/
/*.filter_hovering .tickets:not(.filterHovering) .cat-shape,*/
.onlyOne .tickets .section:not(.only) .cat-shape{
	fill: #FFFFFF;
}

.filter_hovering .tickets.filterHovering g.section .cat-shape,
.filter .tickets g.section.active .cat-shape
{
	stroke:#000;stroke-width:5;
}

.filter .tickets g.section.active .cat-shape{
	fill-opacity:1;
}

.categoryModel .category.active .section .cat-shape{
	fill-opacity:1;
}

.section .cat-shape{
	fill-opacity:0.2;
	fill: #fff;
}
.section.active .cat-shape{
	fill-opacity:1;
}
.categoryModel .category .section .cat-shape{
	fill-opacity:0.2;
	fill: #fff;
}

.tooltips{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 140px;
	background: rgba(0, 0, 0, .5);
	font-size: 15px;
	color: #fff;
	padding: 5px;
	text-align: center;
}
.ob_show{
	display: block;
}
.ob_hide{
	display: none;
}
.trangle{
	width:0;
	height:0;
	border-width:10px 10px;
	border-style:solid; 
	border-color:rgba(0, 0, 0, .5) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
	border-bottom: none;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	bottom: -10px;
}
.loadingBox{
	display: none;
	width: 90px;
	height: 90px;
	background-color: #4E4E4E;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-45px, -45px);
	border-radius: 10px;
}
.loadingImg{
	width: 35px;
	height: 35px;
	margin: 17px auto 4px;
	animation: circle 2s infinite linear;
}
.loadingImg img{
	width: 100%;
	height: 100%;
}
.loadingFont{
	text-align: center;
	font-size: 14px;
	color: #fff;
}
@keyframes circle{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}

.venus_log{
	position: fixed;
	left: 15px;
	bottom: 10px;
}